/*检票进来的*/
.rightBottom{

  /* navigator,button{
     background-color: rgba(0, 0, 0, 0);
     padding: 0;
     border-radius: 0;
     margin-bottom: 20rpx;
     image{
       width: 140rpx;
       height: 66rpx;
       opacity: 0.8;
     }
   }
   button::after{
     border:none;
   }*/
  .open_nav{
    position: fixed;
    top:450rpx;
    right:0;
    z-index: 9999;
    image{
      //animation: nav_scale 3s linear infinite;
    }
  }
  .navImg{
    width: 82rpx;
    height: 82rpx;
  }
  .mask{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top:0;
    left:0;
  }
  .move_open{
    animation: mymove1 0.4s 1;
    animation-fill-mode:forwards;
  }
  .move_close{
    animation: mymove2 0.4s 1;
    animation-fill-mode:forwards;
  }
  @keyframes mymove1{
    from {
      right:-400rpx;
    }
    to {
      right:0rpx;

    }
  }
  @keyframes mymove2{
    from {right:0rpx;}
    to {right:-400rpx;}
  }
  @keyframes nav_scale{
    0% {
      box-shadow: 0 0 60rpx #3952fc;
    }
    50% {
      box-shadow: none;
    }
    100% {
      box-shadow: 0 0 60rpx #3952fc;
    }
  }
  .close_nav{
    position: fixed;
    top:430rpx;
    right:0;
    z-index: 9999;
    display: flex;
    align-items: center;
    .nav_type{
      background-color: #fff;
      border-radius: 10rpx 0 0 10rpx;
      display: flex;
      flex-direction: column;
      .nav_con{
        display: flex;
        align-items: center;
        navigator,button{
          background-color: rgba(0, 0, 0, 0);
          border-radius: 0;
          display: inline-block;
          width: 160rpx;
          padding: 10rpx 0;
          font-size: 26rpx;
          color:#999;
          text-align: center;
          image{
            width: 42rpx;
            height: 34rpx;
          }
          .kefu_text{
            margin-top: -20rpx;
          }
        }
        button::after{
          border:none;
        }
      }
    }
  }
}